<template>
  <div>
    <h1 :style="{color:colorP}">{{ age }}</h1>
    <h2>{{ likes }},{{ obj }}</h2>
  </div>
</template>
<script setup>
defineProps({
  count:Number,
  age:{
    type:Number,
    required:true
  },
  colorP:{
    type:String,
    required:true
  },
  likes:{
    type:Array,
    default(rawPorps){
      console.log("arr rawProps===>",rawPorps);
      return [1,2,3]
    }
  },
  obj:{
    type:Object,
    default(rawProps){
      console.log("obj rawProps===>",rawProps);
      return {}
    }
  },
  flag:{
    type:Boolean,
  },
  money:{
    // 自定义校验类型
    validator(val){
      if(typeof val !== 'number' || val < 0){
        return false // 校验不通过
      }else {
        return true
      }
    }
  }
})
</script>